<template>
  <view class="oldlist-item">
    <image class="itemimg" :src="olditem.images[0]" mode=""></image>
    <view class="content">
      <view class="itemTitle">
        {{ olditem.name }}
      </view>
      <view
        class="itemDescribe"
        v-for="(item, index) in olditem.descript"
        :key="index"
      >
        {{ item }}{{ index + 1 == olditem.descript.length ? "" : "," }}
      </view>
      <view class="itemTags-content">
        <view
          class="itemTags"
          v-for="(item, index) in olditem.tags"
          :key="index"
        >
          {{ item }}{{ index + 1 == olditem.tags.length ? "" : "." }}
        </view>
      </view>
      <view class="bottominfo">
        <view class="itemprice"> ￥{{ olditem.price }} </view>
        <view class=""> ... </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "old-list",
  props: {
    olditem: {
      type: Object,
    },
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.oldlist-item {
  background: #fff;
  border-radius: 15rpx;
  width: 100%;
  height: 100%;
  .itemimg {
    width: 100%;
    height: 300rpx;
    border-radius: 15rpx;
  }
  .content {
    padding: 25rpx 10rpx 15rpx 10rpx;
    .itemTitle {
      font-size: 35rpx;
      color: #000;
      font-weight: 400;
    }
    .itemDescribe,
    .itemTags {
      font-size: 25rpx;
      color: #000;
      display: inline-block;
    }
    .itemTags-content {
      background-color: #eff8ff;
    }
    .bottominfo {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 30rpx;
      padding: 15rpx 0 10rpx 0;
      .itemprice {
        color: red;
      }
    }
  }
}
</style>